<div class=" login">
    <!-- BEGIN LOGO -->
    <div class="logo">
        <img src="{{settings.layoutPath}}/images/browser.png" alt="" width="30" height="30"/>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content" style="width: 750px">
        <div ng-class="vm.flash.classNames" ng-bind="vm.flash.message" ng-if="vm.flash"></div>
        <form name="vm.form" class="form-horizontal form-bordered">
            <div class="form-group" ng-class="{
         'has-success': vm.form.planName.$dirty && vm.form.planName.$valid,
            'has-error': vm.form.planName.$touched && vm.form.planName.$invalid
            }">
                <label class="col-sm-3 control-label" for="planName"><span class="red-star">*</span>计划名称：</label>

                <div class="col-sm-8">
                    <input type="text" style="float:left;width:220px"placeholder="计划名称" class="form-control" name="planName" id="planName"
                           ng-model="vm.playplan.planName" ng-change="vm.invalid();"   required>
                    <span class="errorMsg"
                          ng-if="vm.form.planName.$dirty && vm.form.planName.$invalid">
                        <span ng-if="vm.form.planName.$error.required"><div  style="margin-top: 5px;"><span class="red-star">请输入计划名称</span></div></span>
                        <!-- <span ng-if="!vm.form.planName.$error.required && vm.form.planName.$invalid" ><span class="red-star">计划名称不能小于10个字</span></span>-->
                    </span>
                    <div ng-show="serverError" id="error"><div  style="margin-top: 5px;"><span class="red-star">{{ serverError }}</span></div></div>
                </div>
            </div>
            <div class="form-actions">
                <div class="row">
                    <div class="col-md-offset-3 col-md-9">
                        <button type="submit" class="btn green" ng-click="vm.add()"
                                ng-disabled="vm.form.$invalid||vm.registerSending||vm.isSend">
                            <i class="fa fa-check"></i>确认
                        </button>
                        <button type="button" class="btn default" ng-click="vm.cancel()">取消</button>
                    </div>

                </div>
            </div>
        </form>
    </div>
</div>

<div>
    <script type="text/ng-template" id="myModalContent.html">
        <div class="modal-header">
            <h4 class="modal-title">保存成功</h4>
        </div>

        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
            <!--<button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>-->
        </div>
    </script>
</div>